{include file="$temps.head" title="$webs.title" keywords="$webs.keywords" description="$webs.description" /}
{load href="__JS__/jweixin-1.2.0.js" /}
<section class="layout cx-fex-c pad-t30">
    <h1 class="x10 t-c" style="line-height: 36px; border-bottom: 1px solid #dfdfdf">订单创建成功</h1>
    <ul class="x10 fex-column pad-a10 t-16 t-gray" style="line-height: 32px;">
        <li style="border-bottom: 1px dotted #dfdfdf">商品：<span class="t-green">{$order.title}</span></li>
        <li style="border-bottom: 1px dotted #dfdfdf">订单金额：{:number_format($order['allmoney'] / 100,'2')} 元</li>
        <li style="border-bottom: 1px dotted #dfdfdf">支付金额：<span class="t-red">{:number_format($order['pricemoney'] / 100,'2')}</span> 元</li>
    </ul>
    <div class="x10 mt-30 cx-fex-c">
        <a id="paybtn" class="button bg-green">马上支付</a>
    </div>
</section>
<script>
    wx.config({
        appId: '{$repaly.appId}', // 必填，公众号的唯一标识
        timestamp: "{$wxjsapi.timestamp}", // 必填，生成签名的时间戳
        nonceStr: '{$wxjsapi.noncestr}', // 必填，生成签名的随机串
        signature: '{$wxjsapi.sing}',// 必填，签名
        jsApiList: ['chooseWXPay'] // 必填，需要使用的JS接口列表
    });
    wx.ready(function(){
        wx.chooseWXPay({
            timestamp: "{$repaly.timeStamp}", // 支付签名时间戳，注意微信jssdk中的所有使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timeStamp字段名需大写其中的S字符
            nonceStr: '{$repaly.nonceStr}', // 支付签名随机串，不长于 32 位
            package: '{$repaly.package}', // 统一支付接口返回的prepay_id参数值，提交格式如：prepay_id=\*\*\*）
            signType: '{$repaly.signType}', // 签名方式，默认为'SHA1'，使用新版支付需传入'MD5'
            paySign: '{$repaly.paySign}', // 支付签名
            success: function (res) {
                window.location.href = "{:url('Wxpay/endplay',array('loid'=>$order.loid))}";
            },
            cancel:function (res) {
                $.ajax({
                    type: "post",
                    dataType: "json",
                    data: {oid:"{$order.oid}"},
                    url: "/wxapi/order/quxiao.html",
                    success:function (data) {

                    }
                });
            }
        });
        document.querySelector('#paybtn').onclick = function () {
            wx.chooseWXPay({
                timestamp: "{$repaly.timeStamp}", // 支付签名时间戳，注意微信jssdk中的所有使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timeStamp字段名需大写其中的S字符
                nonceStr: '{$repaly.nonceStr}', // 支付签名随机串，不长于 32 位
                package: '{$repaly.package}', // 统一支付接口返回的prepay_id参数值，提交格式如：prepay_id=\*\*\*）
                signType: '{$repaly.signType}', // 签名方式，默认为'SHA1'，使用新版支付需传入'MD5'
                paySign: '{$repaly.paySign}', // 支付签名
                success: function (res) {
                    window.location.href = "{:url('Wxpay/endplay',array('loid'=>$order.loid))}";
                },
                cancel:function (res) {
                    $.ajax({
                        type: "post",
                        dataType: "json",
                        data: {oid:"{$order.oid}"},
                        url: "/wxapi/order/quxiao.html",
                        success:function (data) {

                        }
                    });
                }
            });
        };
    });
</script>
{include file="$temps.foot" /}